<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车</title>
    <link rel="stylesheet" href="../../css/base.css">
    <link rel="stylesheet" href="../../css/JLS/footer.css">
    <link rel="stylesheet" href="../../css/LJP/shopping_car.css">
</head>

<body>
    <!-- 头部返回 -->
    <header>
        <span>购物车</span>
        <span class="del_manage">管理</span>
    </header>
    <!-- 购物车商品列表 -->
    <div class="container">
       
    </div>
    <!-- 购物车里没有商品 -->
    <div class="no_goods">
        <img src="../../img/icon/购物好礼场景.png" alt="">
        <p>购物车竟然是空的</p>
        <p>再忙，也要记得买点什么犒赏自己~</p>
    </div>

    <!-- 结算时footer -->
    <div class="settlement">
        <div class="all_choice">
            <input class="choice all" type="checkbox"></input>
            <span>全&nbsp;选</span>
        </div>
        <div class="pay_box">
            <div class="price_total">合&nbsp;计:<span>￥</span><span class="priceTotal">0.00</span></div>
            <button class="pay">结算</button>
        </div>
        <!-- 点击管理删除商品时footer -->

        <div class="del_box">
            <button class="del">删除</button>
        </div>
    </div>
    <footer>
        <ul class="footerNav">
            <li class="home">
                <img src="../../img/icon/home.png" alt="">
                <span>首页</span>
            </li>
            <li class="classify">
                <img src="../../img/icon/sort.png" alt="">
                <span>分类</span>
            </li>
            <li class="shoppingCart footeractive">
                <img src="../../img/icon/cart_fill.png" alt="">
                <span>购物车</span>
            </li>
            <li class="my">
                <img src="../../img/icon/people.png" alt="">
                <span>我</span>
            </li>
        </ul>
    </footer>
</body>
<script src="../../js/flexible.js"></script>
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
<script src="../../js/LJP/shopping_car.js"></script>
<script src="../../js/JLS/footer_shoppingCart.js"></script>

</html>